@mixin clearfix {
	&:after {
		content: '';
		display: table;
		clear: both;
	}
}

@mixin scrollBar {
	&::-webkit-scrollbar-track-piece {
		background: #efefef;
	}
	&::-webkit-scrollbar {
		width: 6px;
	}
	&::-webkit-scrollbar-thumb {
		background: #c7d1da;
		border-radius: 3px;
	}
}

@mixin relative {
	position: relative;
	width: 100%;
	height: 100%;
}

@mixin left {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

@mixin center {
	display: flex;
	align-items: center;
	justify-content: center;
}

@mixin right {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

@mixin absCover {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
@mixin absCenter {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0);
}
@mixin textElli {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

@mixin textLine {
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
